<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>购物车页面</title>
		<style>
			body{
				margin: 0px;
				padding: 0px;
				position: relative;
			}
			#div1{
				width: 810px;
				border: 1px solid blue;
			}
			
			.in1 {
				color: white;
				font-size: 15px;
				font-weight: bold;
				background-color: red;
				border-radius: 15px;
				height: 30px;
				width: 100px;
				float: right;
			}
			.p1{
				float: left;
			}
			.cle{
				clear: both;
			}
			 .in2{
				color: white;
				font-size: 15px;
				font-weight: bold;
				background-color: red;
				height: 30px;
				width: 100px;
				float: right;
				position: absolute;
				top:400px;
				left:700px;
			}
			ul{
				list-style-type: none;
			}
			a{
				text-decoration: none;
			}
			a:hover{
				text-decoration: underline;
				color: red;
			}
			.cle2{
				float: right;
				position: fixed;
				top: 150px;
				left:700px;
			}
			.cle3{
				float: right;
				position: absolute;
				top: 280px;
				left:700px;
			}
			li span{
				text-indent: 1em;
			}
		</style>
	</head>
	<body>
		<div id="div1">
			<img src="../img/dd_logo.jpg" / class="p1">
			<input type="button" value="关闭" onclick="guangbi();"class="in1" />
			<div class="cle"></div>
			<img src="../img/shoppingBg.jpg" / class="p2">
			<input type="button" value="结算" onclick="sum();" /class="in2" >
			<div class="cle2">
				<ul>
					<li><a href="#" onclick="save();">移入收藏</a></li>
					<li><a href="#" onclick="delect();">&nbsp;&nbsp;删除</a></li>
				</ul>
			</div>
			<div class="cle3">
				<ul>
					<li><a href="#" onclick="save();">移入收藏</a></li>
					<li><a href="#" onclick="delect();">&nbsp;&nbsp;删除</a></li>
				</ul>
			</div>
			<script type="text/javascript">
				function guangbi(){
					window.close();
				}
				function save(){
					var flag=confirm("移入收藏以后将不在购物车出现！")
					if(flag==true){
						alert("移入收藏成功！");
					}else{
						alert("您取消了收藏");
					}
				}
				function delect(){
					var flag=confirm("您确定要删除吗？")
					if(flag==true){
						alert("删除成功！");
					}else{
						alert("您取消了删除");
					}
				}
				function sum(){
					document.write("您本次购买的商品信息如下：\n\n");
					document.write("商品名称：白岩松：白说、岛上书店；"+"<br />");
					document.write("商品数量：2件；"+"<br />");
					document.write("商品总计：46.00；"+"<br />");
					document.write("运费:0元\n\n");
					var flag=confirm("请确认以上信息是否有误！！！")
					if(flag==true){
						alert("您的订单已经提交");
					}else{
						alert("您取消了订单提交");
					}
				}
			</script>
		</div>
	</body>
</html>
